<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>float</title>
	<style type="text/css">
		*{padding: 0;margin: 0;}
		.head{ 
			width: 100%;
			height: 64px;
		}
		.logo{ 
			width: 160px;
			height: 40px;
			float: left;
		}
		.nav{ 
			width: 320px;
			height: 64px;
			float: left;
		}
		.nav-li{ 
			width: 80px;
			height: 64px;
			text-align: center;
			line-height: 64px;
			color: #333;
			float: inherit;
		}
		.icons{ 
			width: 320px;
			height: 64px;
			float: right;
		}
		.i{ 
			width: 64px;
			height: 64px;
			float: left;
			font-style: blue;
			text-align: center;
		}
	</style>
</head>
<body>
	<div class="head">
		<div class="logo">
			<img src="https://www.imooc.com/static/img/index/logo.png" width="180" height="72" alt="">
		</div>
		<div class="nav">
			<div class="nav-li">免费课程</div>
			<div class="nav-li">职业路径</div>
			<div class="nav-li">实战</div>
			<div class="nav-li">袁文</div>
		</div>
		<div class="icons">
			<div class="i">icon</div>
			<div class="i">icon</div>
			<div class="i">icon</div>
			<div class="i">icon</div>
			<div class="i">icon</div>
		</div>
	</div>
</body>
</html>